@mixin imgsize() {
	width: 100%;
	height: 100% !important;
}

@mixin margin() {
	margin-left: 25rpx;
	margin-right: 25rpx;
}

@mixin point() {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

@mixin justify() {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

@mixin center() {
	display: flex;
	justify-content: center;
	/* 水平居中 */
	align-items: center;
	/* 垂直居中 */
}

@mixin point2() {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

page .baclorf6{
	width: 100%;
	min-height: 100%;
	background: #f6f6f6;
}
.width375{
	width: 750rpx !important;
	
}
.pad-l-20{
	padding-left: 40rpx !important;
}
.pad-t-2{
	padding-top: 4rpx;
}
.sticky{
	width:702rpx;
	margin: 0 auto;
	transition: all .3s;
}
.stickyActive{
	/deep/ .u-sticky{
		left: 0rpx !important;
	}
}
.stickytitle{
	line-height: 70rpx;
	padding-left: 10rpx;
	background: #fff;
}
.looking-car {
	width: 702rpx;
	margin: 0 auto;
	margin-top: 20rpx;
	.li {
		background: #fff;
		margin-bottom: 20rpx;
		border-radius: 10rpx;
		overflow: hidden;

		&:nth-child(1) {
			border-radius: 0 0 10rpx 10rpx;
		}

		.main {
			border-bottom: 2rpx solid #f5f5f5;
			padding: 32rpx 0 25rpx;
			margin: 0 16rpx;
			overflow: hidden;

			.good-img {
				float: left;
				width: 200rpx;
				height: 133rpx;
				border-radius: 10rpx;
				overflow: hidden;

				image {
					width: 200rpx;
					height: 133rpx;
				}
			}

			.info {
				width: 446rpx;
				float: right;

				.title {
					overflow: hidden;

					.icon {
						width: 36rpx;
						height: 36rpx;
						background: #fbb000;
						border-radius: 5rpx;
						@include center;
						float: left;
						font-size: 29rpx;
						color: #ffffff;
					}

					.icon-main {
						float: left;
						width: 392rpx;
						margin-left: 18rpx;
						@include point2;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: rgba(51, 51, 51, 1);
						line-height: 46rpx;
					}
				}

				.line {
					margin: 10rpx 0;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: rgba(153, 153, 153, 1);
          display: flex;
					.name {
						width: 30%;
					}
					.con {
						width: 70%;
						color: #333333;
					}

					.orange {
						color: #eb5b01;

						&.import {
							@include point;
						}
					}
				}
			}
		}

		.bar {
			overflow: hidden;
			padding: 20rpx 0 20rpx;
			margin: 0 16rpx;
			border-bottom: 2rpx solid #f5f5f5;

			.left {
				float: left;

				.store-name {
					margin-bottom: 10rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: normal;
					color: #999999;
					float: left;
					@include point;
					width: 472rpx;

					.orange {
						color: #eb5c02;
						font-weight: bold;
					}
				}

				.bar-bottom {
					overflow: hidden;
					clear: both;

					.name {
						float: left;
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #999999;
					}

					.con {
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #333333;
						float: left;
					}
				}
			}

			.right {
				float: right;

				.btn {
					float: right;
					width: 171rpx;
					height: 56rpx;
					background: linear-gradient(-90deg, #fdd422, #ffe23e);
					border-radius: 29rpx;
					text-align: center;
					line-height: 56rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}

				.tips {
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: rgba(153, 153, 153, 1);
				}
			}
		}
	}


}

.choose-group {
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
	background-color: #fff;
	width: 702rpx;
	margin: 0 auto;
	padding: 25rpx 0;
	border-bottom: 2rpx solid #f6f6f6;
	border-radius: 10rpx 10rpx 0 0;
	@include justify;

	.li {
		width: 33.3%;
		text-align: center;
		@include center;

		&.active {
			.name {
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #fbb000;
			}
		}

		.name {
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: rgba(102, 102, 102, 1);
		}

		.icon {
			margin-left: 14rpx;
			@include center;
			width: 20rpx;
			height: 13rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}
}

.top-bar {
	width: 702rpx;
	height: 168rpx;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
	border-radius: 10rpx;
	margin: 24rpx auto;
	margin-top:102rpx;
	justify-content: space-around;
	display: flex;

	.li {
		float: left;
		text-align: center;

		.icon {
			width: 79rpx;
			height: 79rpx;
			margin: 24rpx auto 10rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.name {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: rgba(101, 101, 101, 1);
		}
	}
}

page {
	padding: 0;
}

.search-bar {
	padding: 0 24rpx;
	width: 750rpx;
	height: 92rpx;
	background: rgba(251, 209, 31, 1);
	position: fixed;
	
	z-index: 999;
	/* #ifndef APP-PLUS-NVUE */
	top: 0rpx;
	/* #endif */
/* #ifdef H5 */
top: 88rpx;
/* #endif */
 
	
}

.brand-list {
	position: relative;

	.title {
		margin: 40rpx 51rpx 22rpx;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(53, 53, 53, 1);
	}

	.list {
		.bar {
			width: 750rpx;
			height: 64rpx;
			line-height: 64rpx;
			background: rgba(241, 241, 241, 1);
			padding-left: 56rpx;
		}

		.con {
			height: 90rpx;
			line-height: 90rpx;
			border-bottom: 2rpx solid #f5f5f5;
			overflow: hidden;

			.brand-img {
				margin: 12rpx 58rpx 12rpx 28rpx;
				height: 66rpx;
				float: left;
				width: 94rpx;
				@include center;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.name {
				float: left;
			}

			.num {
				padding-right: 111rpx;
				float: right;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
			}
		}
	}

	.floor {
		position: fixed;
		width: 100rpx;
		right: 0;
		text-align: center;
		top: 50rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #fbb000;
		text-align: center;
		display: flex;
		flex-direction: column;
		height: 784rpx;
		justify-content: space-between;

		.list {
			padding: 0 20rpx;
		}
	}

	.scroller {
		height: 900rpx;
	}
}
.toastImg{
	width: 263rpx;
	height: 277rpx;
}
.iconcolor {
	width: 28rpx;
	height: 28rpx;
	display: inline-block;
	border: 2rpx solid #e4e4e4;
	font-size: 24rpx;
	// line-height: 40rpx;
	margin: -8rpx 4rpx;
	border-radius: 50%;
	overflow: hidden;
}
.iconcolor2 {
	width: 14rpx;
	height: 14px;
}
.default{
	height: calc( 100vh - 95rpx);
}